$(function(){
// 需求1: 点击a链接, 显示隐藏盒子
 // 点登录区域去注册区域
$('#loginBox a').on('click',function () {
 $('#loginBox').hide()
 $('#registerBox').show()
})
//  点注册区域去登录区域
$('#registerBox a').on('click',function () {
 $('#loginBox').show()
 $('#registerBox').hide()
 })

// 需求2 :自定义规则
     // console.log(layui.form);
let form = layui.form
// verify() 的值是一个对象
form.verify ({
 // 属性是规则名称,值可以是数组或者函数
 pwd : [
  // 第一个值是校验规则
  /^[\S]{6,15}$/,
   // 报错信息
   "密码的长度为6-15个字符,且不能包含空格"
 ],// 要有逗号分隔
 repwd:function (value) { // 规则添加给谁,value就是他的值
  // / value也可以写成 $('#registerBox [name=password]').val()
  let pwd = $('#registerBox [name=password]').val()
  // 判断:第一次输入的密码和第二次如果不相同 ,报错
  if(value !== pwd) {
   return '输入的两次密码不一致'
  }
  
 }
})

// 需求3 : 注册(axios) 发送
 //定一个变量接收一下 layui 属性 layer
 let layer  = layui.layer
$('#form-reg').on('submit',function (e) {
 // 阻止表单默认提交
 e.preventDefault()
 // 发送axios请求
 axios({
  method:'POST',
  url:'/api/reguser',
  data:$('#form-reg').serialize()
 }).then((res) => {
  // console.log(res);
  // 判断状态码
  if(res.data.status !== 0){
   // return alert(res.data.message)
   return layer.msg(res.data.message)
  }
  // 注册成功提示
  // alert(res.data.message)
   layer.msg('恭喜您,注册用户成功')
   // 清空表单数据
   $('#form-reg')[0].reset()
   // 切换登录区域  通过触发去登录a标签的点击事件
   $('#registerBox a').trigger('click')
 })
})
// 需求4:登录
$('#form-login').on('submit',function (e) {
 // 阻止表单提交
 e.preventDefault()
 // 发送axios
 axios({
  method:'POST',
  url:'/api/login',
  data:$('#form-login').serialize()
 }).then((res) =>{
 let obj = res.data
 console.log(obj);
 if(obj.status != 0){
  return layer.msg(obj.message)
 }
 // 成功:提示 跳转  保存token
 layer.msg('恭喜您.登录成功')
 location.assign('/index.html')
 localStorage.setItem('token',obj.token)
 })
})






























// // 注册区域的form
// $('#registerBox form').on('submit',function (e) {
//  // 阻止浏览器默认跳转
//  e.preventDefault()
//  // 获取用户输入的用户名 和密码

// // 发送axios 
// // axios({
// //  method:'POST',
// //  url:'http://www.itcbc.com:8080/api/reguser',
// //  params:fd,
// // }).then(function () {
// //  console.log(12312);
// // })
// let data = $(this).serialize()
// console.log(data);
// // 发送ajax
// axios({
//  method:'POST',
//  url:'http://www.itcbc.com:8080/api/reguser',
//  data:data,

// }).then(function (res) {
//  console.log(res);
//  // 条件判断
//  if(res.data.status !== 0) return alert('注册失败')
//  //  成功弹窗
//  alert(res.data.message)
//   // 触发去登录点击事件
//   $('#registerBox a').trigger('click')
//   // 输入内容清空
//   $('.layui-input').val('')
// })
// })

// // 登录区域的form
// $('#loginBox form').on('submit',function (e) {
//  // 阻止页面跳转
//  e.preventDefault()
//  let data = $(this).serialize()
//  console.log(data);
// // axios
// axios({
//  method:'POST',
//  url:'http://www.itcbc.com:8080/api/login',
//  data:data
// }).then(function (res) {
//  // console.log(res);
//   // 条件判断
//   if(res.data.status !== 0) return alert(res.data.message)
//   // 内容清空
//   $('.layui-input').val('')
//   // 跳转页面
//   alert('登录成功')
//   location.href = '/index.html'
// })


 
// })

})